<template>
    <el-main>
        <el-main class="ep-body">
            <epl-top-bar :datas="{formData:form}" showPerson psTagType="PERSON_PENSION_QUERY"
                         personType="PERSON_ALL_EXACT">
            </epl-top-bar>
            <epl-userMessage dataType="person" idCount="7" :panel="panel">
            </epl-userMessage>
            <el-collapse v-model="activeNames">
                <el-form :model="form" ref="form" :rules="rules">
                    <el-collapse-item title="请输入供养遗属基本信息" name="1">
                        <el-card class="ep-card">
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="基金统筹渠道" name="way" :property="form.way" codetype="WAY" placeholder="请选择基金统筹渠道"
                                    p="R" :datas="{formData:form}" rules="this.$rules.test_noBlank"></ep-select>
                                <ep-select colspan="8" label="证件类型" name="aac058" :property="form.aac058" codetype="AAC058"  placeholder="请选择证件类型"
                                    p="R" :datas="{formData:form}" rules="this.$rules.test_noBlank"></ep-select>
                                <ep-input colspan="8" label="证件号码" name="aac147" :property="form.aac147" placeholder="请输入证件号码"
                                    p="R" :datas="{formData:form}" ></ep-input>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-input colspan="8" label="姓名" name="aac003" :property="form.aac003" placeholder="请输入姓名"
                                    p="R" :datas="{formData:form}" rules="this.$rules.test_noBlank"></ep-input>
                                <ep-select colspan="8" label="性别" name="aac004" :property="form.aac004" codetype="AAC004" placeholder="请选择性别"
                                    p="R" :datas="{formData:form}" rules="this.$rules.test_noBlank"></ep-select>
                                <ep-select colspan="8" label="民族" name="aac005" :property="form.aac005" codetype="AAC005" placeholder="请选择民族"
                                    p="R" :datas="{formData:form}" rules="this.$rules.test_noBlank"></ep-select>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-date colspan="8" label="出生日期" name="aac006" :property="form.aac006" placeholder="请选择出生日期"
                                    p="R" :datas="{formData:form}" format="yyyy-MM-dd" value-format="yyyyMMdd" rules="this.$rules.test_noBlank"></ep-date>
                                <ep-select colspan="8" label="户口性质" name="aac009" :property="form.aac009" codetype="AAC009" placeholder="请选择户口性质"
                                    p="R" :datas="{formData:form}" rules="this.$rules.test_noBlank"></ep-select>
                                <ep-select colspan="8" label="失地标志" name="sdbz" :property="form.sdbz" codetype="SDBZ" placeholder="请选择失地标志"
                                    p="R" :datas="{formData:form}" isChange></ep-select>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-input colspan="8" label="失地待遇" name="sddy" :property="form.sddy" placeholder="请输入失地待遇"
                                    p="H" :datas="{formData:form}" rules="this.$rules.numx"></ep-input>
                                <ep-select colspan="8" label="供养人员类别" name="gyrylb" :property="form.gyrylb" codetype="GYRYLB" placeholder="请选择供养人员类别"
                                    p="R" :datas="{formData:form}" rules="this.$rules.test_noBlank"></ep-select>
                                <ep-select colspan="8" label="供养关系" name="aae144" :property="form.aae144" codetype="AAE144" placeholder="请选择供养关系"
                                    p="R" :datas="{formData:form}" rules="this.$rules.test_noBlank"></ep-select>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="孤寡标志" name="aac086" :property="form.aac086" codetype="AAC086" placeholder="请选择孤寡标志"
                                    p="R" :datas="{formData:form}"></ep-select>
                                <ep-date colspan="8" label="满18岁年月" name="ym18" :property="form.ym18" placeholder="请输入满18岁年月"
                                    p="E"  format="yyyyMM" value-format="yyyyMM"></ep-date>
                                <ep-select colspan="8" label="发放机构地" name="aab301" :property="form.aab301" codetype="AAB301" placeholder="请选择发放机构地"
                                    p="R" :datas="{formData:form}" rules="this.$rules.test_noBlank"></ep-select>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="完全丧失劳动能力标志" name="wqssldnlbz" :property="form.wqssldnlbz" codetype="WQSSLDNLBZ" placeholder="请选择完全丧失劳动能力标志"
                                    p="R" :datas="{formData:form}" rules="this.$rules.test_noBlank"></ep-select>
                                <ep-select colspan="8" label="发放途径" name="aaa079" :property="form.fftj" codetype="AAA079" placeholder="请选择发放途径"
                                    p="R" :datas="{formData:form}" rules="this.$rules.test_noBlank"></ep-select>
                                <ep-input colspan="8" label="邮政编码" name="aae007" :property="form.aae007"  placeholder="请输入邮政编码"
                                    p="E" :datas="{formData:form}" rules="this.$rules.postcode"></ep-input>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-input colspan="8" label="联系人姓名" name="lxrxm" :property="form.lxrxm" placeholder="请输入联系人姓名"
                                    p="R" :datas="{formData:form}" rules="this.$rules.test_noBlank"></ep-input>
                                <ep-input colspan="8" label="联系电话" name="aae005" :property="form.aae005"  placeholder="请输入联系电话"
                                    p="R" :datas="{formData:form}" rules="this.$rules.telephone"></ep-input>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="联系地址" name="bae011" :property="form.bae011"
                                                placeholder="请选择省" codetype="BAE007" p="R"  :datas="{formData:form}" isChange isCodeType></ep-select>
                                <ep-select colspan="4" label="" label-width="0" name="bae012" :property="form.bae012"
                                                placeholder="请选择市" codetype="BAE008" p="R" :datas="{formData: form}" isChange isCodeType
                                                SelectFilterData=" aaa102 like substr(':bae011',0,2)||'%' and aaa102 like '%00' "></ep-select>
                                <ep-select colspan="4" label="" label-width="0" name="bae013" :property="form.bae013" 
                                                placeholder="请选择区县" codetype="BAE009" p="R" :datas="{formData: form}"
                                                SelectFilterData=" aaa102 like substr(':bae012',0,4)||'%'" ></ep-select>
                                <ep-input colspan="8" label="" label-width="0" name="aae006" :property="form.aae006"
                                                placeholder="请输入详细地址" p="R" :datas="{formData:form}"></ep-input>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-textarea :rows="3" colspan="24" label="备注" name="aae013" :property="form.aae013" placeholder="请输入备注"
                                        p="E" :datas="{formData:form}"></ep-textarea>
                            </el-row>
                        </el-card>
                    </el-collapse-item>
                    <el-collapse-item title="请输入供养遗属发放信息" name="2">
                        <el-card class="ep-card">
                            <el-row :gutter="20">
                                <ep-select colspan="8" label="发放银行" name="aaz065" :property="form.aaz065" placeholder="请选择发放银行"
                                        p="R" :datas="{formData: form}" codetype="AAZ065" rules="this.$rules.test_noBlank"></ep-select>
                                <ep-input  colspan="8" label="银行账号" name="aae010" :property="form.aae010" placeholder="请输入银行账号"
                                        p="R" :datas="{formData: form }" rules="this.$rules.test_noBlank"></ep-input >
                                <ep-input  colspan="8" label="银行开户名" name="aae009" :property="form.aae009" placeholder="请输入银行开户名"
                                        p="R" :datas="{formData: form }" rules="this.$rules.test_noBlank"></ep-input >
                            </el-row>
                            <el-row :gutter="20">
                                <epl-search-bank colspan="8" label="开户行行号" name="aaf002" :property="form.aaf002" placeholder="请选择开户行行号" 
                                        p="R" :datas="{formData: form}" codetype="AAZ065" bankName="aaz065" show rules="this.$rules.test_noBlank"></epl-search-bank>
                                <ep-input  colspan="16" label="开户银行名称" name="bac049" :property="form.bac049"
                                        p="R,D" :datas="{formData: form }" rules="this.$rules.test_noBlank"></ep-input >
                            </el-row>
                            <!--
                            <el-row :gutter="20">
                                <ep-input  colspan="8" label="邮政编码" name="aae007" :property="form.aae007" placeholder="请输入邮政编码"
                                        p="E" :datas="{formData: form }" ></ep-input >
                                <ep-input  colspan="8" label="邮政地址" name="aae006" :property="form.aae006" placeholder="请输入邮政地址"
                                        p="E" :datas="{formData: form }" ></ep-input >
                            </el-row>
                        -->
                            <el-row type="flex" justify="center">
                                <ep-button id="cal" api="doQuery" type="primary" top="20" bottom="20"
                                        :datas="{formData: form,panel:panel,tableData1:tableData1,tableData2:tableData2}"
                                        name="计算"></ep-button>
                                <ep-saveButton id="doSave" type="primary" top="20" bottom="20" ref="save" @formValidate="formValidate"
                                            :validate="['form']"
                                            :datas="{formData: form,panel:panel,tableData1:tableData1,tableData2:tableData2}"></ep-saveButton>
                            </el-row>
                        </el-card>
                    </el-collapse-item>
                </el-form>
                <el-card class="ep-card">
                    <el-tabs v-model="activeName2" type="card">
                        <el-tab-pane label="供养遗属定期待遇信息" name="1">
                            <ep-table :data="tableData1" edited="true" :pager="20" :titleFilter="demo">
                                <ep-table-column editor="text" name="aaa036" header="待遇项目" sortable="true"></ep-table-column>
                                <ep-table-column editor="text" name="aaa037" header="待遇项目名称" sortable="true"></ep-table-column>
                                <ep-table-column editor="text" name="aae041" header="开始年月" sortable="true"></ep-table-column>
                                <ep-table-column editor="text" name="aae042" header="终止年月" sortable="true"></ep-table-column>
                                <ep-table-column editor="text" name="aae019" header="金额" sortable="true"></ep-table-column>
                            </ep-table>
                        </el-tab-pane>
                        <el-tab-pane label="已存在供养遗属定期待遇信息" name="2">
                            <ep-table :data="tableData2" :pager="20" :titleFilter="demo2">
                                <ep-table-column editor="text" name="aac002" header="供养遗属社会保障号码" sortable="true"></ep-table-column>
                                <ep-table-column editor="text" name="aac003" header="供养遗属姓名" sortable="true"></ep-table-column>
                                <ep-table-column editor="text" name="gygx" header="供养关系" sortable="true"></ep-table-column>
                                <ep-table-column editor="text" name="aaa036" header="待遇项目" sortable="true"></ep-table-column>
                                <ep-table-column editor="text" name="aaa037" header="待遇项目名称" sortable="true"></ep-table-column>
                                <ep-table-column editor="text" name="aae041" header="开始年月" sortable="true"></ep-table-column>
                                <ep-table-column editor="text" name="aae042" header="终止年月" sortable="true"></ep-table-column>
                                <ep-table-column editor="text" name="aae019" header="金额" sortable="true"></ep-table-column>
                            </ep-table>
                        </el-tab-pane>
                    </el-tabs>
                </el-card>
            </el-collapse>
        </el-main>
    </el-main>
</template>

<script src="../js/DependantsPersonAddJS.js"></script>
